<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*div{
      width: 100px;
      height: 100px;
      margin: 30px;
      border: 10px solid red;
      box-shadow: 10px 10px 100px yellow;
    } */
    /*
     margin: 0 auto;居中的要求：
     块元素  有固定的宽度
    */
    img{
        margin: 0 auto;
        border-radius: 50px;
        box-shadow: 10px 10px 100px yellow;
    }

  </style>
</head>
<body>
<div style="width: 500px;height: 1000px; text-align: center" >
   <img src="images/cat4.jpg" alt="cat" >
</div>
</body>
</html>